<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>hello</p>
    <script>
        /**
         * document对象有一个古老的能力，向网页输出流中写入内容
         * 这个能力对应四个方法: write()、writeln()、open()、close()
        */

        // write(string) 不会换行
        // 输出包裹在<h1>标签中的时间, 就相当于创建了一个节点
        document.write("<h1>" + (new Date()).toString() + "</h1>")

        // write()通常用于动态包含外部资源, 如JavaScript文件
        // 应写成一下这种
        document.write("<script>" + "<\/script")

        // 如果在页面加载完成后在调用document.write()会重写整个页面
        window.onload = () => { 
            document.write('SongYiPan')
        }

        // open() 打开网页输出流
        // close() 关闭网页输出流
    </script>
</body>
</html>